import { bus } from "../../network/index"

// pages/sudoku_details/sudoku_details.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    id: '',
    page: 0,
    total: 0,
    limit: 10,
    list: [],
    flag: true,
    value:""
  },
  next(event){
    wx.navigateTo({
      // url: '/pages/sudoku_details_next/sudoku_details_next?item='+JSON.stringify(event.target.dataset.item),
      url: '/pages/sudoku_details_next/sudoku_details_next?id='+JSON.stringify(event.target.dataset.item.id),
    });
  },
  onSearch(event){
    console.log(event.detail);
    this.setData({
      list: [],
      page: 0,
      value:event.detail,
      flag:true
    })
    this.getInfo()
  },
  onCancel(){
    this.setData({
      list: [],
      page: 0,
      value:'',
      flag:true
    })
    this.getInfo()
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    wx.setNavigationBarTitle({
      title: '详情页',
    });
    this.setData({
      id: options.id
    })
    this.getInfo()
  },

  getInfo() {
    this.setData({
      page: ++this.data.page
    })
    bus.getDetails(this.data.id, { _page: this.data.page, _limit: this.data.limit,q:this.data.value }).then((res) => {
      // console.log(res);
      this.setData({
        list: [...this.data.list, ...res.data]
      })
      wx.stopPullDownRefresh();
      wx.hideNavigationBarLoading()
      wx.hideLoading();
      wx.showToast({
        title: '加载完毕!',
      });
      if (res.data.length < this.data.limit) {
        wx.showToast({
          title: '已经到底了!',
        });
        this.setData({
          flag: false
        })
      }
    }).catch((err) => {
      console.log(err);
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    wx.showNavigationBarLoading();
    this.setData({
      list: [],
      page: 0
    })
    setTimeout(() => {
      this.getInfo()
    }, 1000);
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    if (this.data.flag) {
      wx.showLoading({
        title: '加载中...',
      });
      setTimeout(() => {
        this.getInfo()
      }, 1000);
    }
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})